<div class="colorModal modal fade" id="attachViewDlg@serialid" tabindex="" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" style="z-index: 10002">
	<div class="modal-dialog" style="width: 960px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
				<!--<button type="button" class="close" style="opacity:1;margin-top:2px;" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="false"><i class="dislog-close-icon"></i></span>
				</button>-->
				<h4 class="modal-title">
					<span class="attach-view-text"></span>
		        </h4>
			</div>
			<div class="modal-body">
				<div class="carousel slide" style="height:400px;">
					<div id="viewArea@serialid" class="carousel-inner attach-carousel-view-fill-height" style="height:400px;">
					</div>
					<div style="position: absolute; left:-3px; top: 270px;">
						<a data-direction="prev" tabindex="-1" class="jcarousel-control-prev">&lsaquo;</a>
					</div>
				    <div style="position: absolute; right:-4px; top: 270px;">
							<a data-direction="next" tabindex="-1" class="jcarousel-control-next">&rsaquo;</a>
					</div>
				</div>
			</div>
			
			<div class="modal-footer">
				<div class="inner-well" style="position: relative;">
					<span style="position: absolute; height: 22px; left:27px;">
					<button type="button" class="btn btn-default" tabindex="-1"
					id="zoomInBtn@serialid"> <img class="img-preview-style"
						src="/grm/ecp3/bsportal/scripts/components/wf/img/img_zoom_in_icon.png">&nbsp;放大 </button>
					<button type="button" class="btn btn-default" tabindex="-1"
					id="zoomOutBtn@serialid"> <img class="img-preview-style"
						src="/grm/ecp3/bsportal/scripts/components/wf/img/img_zoom_out_icon.png">&nbsp;缩小 </button>
					<button type="button"
					class="btn btn-default" tabindex="-1"
					id="imgOriginaSizeBtn@serialid"> <i class="fa fa-picture-o"></i>&nbsp;原尺寸
					</button>
					<button type="button" data-direction="prev" class="btn btn-default" 
					 tabindex="-1" style="margin-left: 22px;"> <i
						class="fa fa-step-backward"></i>&nbsp;上一个 </button>
					<button data-direction="next" type="button"
					class="btn btn-default"
					 tabindex="-1" style="margin-right: 15px;">下一个&nbsp;<i class="fa fa-step-forward"></i> </button>
					<button type="button" class="btn btn-default" tabindex="-1"
					id="imgScreenSetBtn@serialid"> <img class="img-preview-style"
						src="/grm/ecp3/bsportal/scripts/components/wf/img/img_screen_auto_icon.png">&nbsp;自适应 </button>
					<button type="button" class="btn btn-default" tabindex="-1"
					id="rotationLeftBtn@serialid"> <img class="img-preview-style"
						src="/grm/ecp3/bsportal/scripts/components/wf/img/rotation_left.png">&nbsp;左转 </button>
					<button type="button" class="btn btn-default" tabindex="-1"
					id="rotationRightBtn@serialid"> <img class="img-preview-style"
						src="/grm/ecp3/bsportal/scripts/components/wf/img/rotation_right.png">&nbsp;右转 </button>
					</span>
					<button type="button" class="btn btn-default" data-dismiss="modal"
					tabindex="-1"> <i class="fa fa-times"></i>&nbsp;关闭</button>
					<button type="button" class="btn btn-primary" id="downloadFileBtn@serialid"
					tabindex="-1"> <i class="fa fa-download"></i>&nbsp;下载</button>
					</div>
			</div>
		</div>
	</div>
</div>



